﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:Day2_Converter="clr-namespace:Day2.Converter" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="Day2.MyProfilePage"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="False">

	<phone:PhoneApplicationPage.Resources>
		<Day2_Converter:Int2MonthConverter x:Key="Int2MonthConverter"/>
	</phone:PhoneApplicationPage.Resources>
	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

	<!--LayoutRoot contains the root grid where all other page content is placed-->
	<Grid x:Name="LayoutRoot">
		<controls:Panorama Title="my profile">
			<controls:Panorama.Background>
				<ImageBrush Stretch="UniformToFill" ImageSource="/Images/pano.jpg"/>
			</controls:Panorama.Background>

			<!--Panorama item one-->
			<controls:PanoramaItem Header="Contact Info">
				<StackPanel Background="#7F000000">
					<TextBlock TextWrapping="Wrap" Text="Gender" Margin="10,20,0,0"/>
					<StackPanel Orientation="Horizontal">
						<RadioButton x:Name="rd01" Content="Male" GroupName="gender" IsChecked="True"/>
						<RadioButton x:Name="rd02" Content="Female" GroupName="gender"/>
					</StackPanel>
					<TextBlock TextWrapping="Wrap" Text="My Name" Margin="10,0,0,0"/>
					<TextBox x:Name="txtMyName" TextWrapping="Wrap" InputScope="PersonalFullName"/>
					<TextBlock TextWrapping="Wrap" Text="My Mobile Number" Margin="10,0,0,0"/>
					<TextBox x:Name="txtMyMobileNumber" TextWrapping="Wrap" InputScope="TelephoneNumber"/>
					<TextBlock TextWrapping="Wrap" Text="My Email Address" Margin="10,0,0,0"/>
					<TextBox x:Name="txtMyEmailAddress" TextWrapping="Wrap" InputScope="EmailUserName"/>
					<CheckBox x:Name="chk01" Content="Is Graduated?"/>
				</StackPanel>
			</controls:PanoramaItem>

			<!--Panorama item two-->
			<controls:PanoramaItem Header="About me">
				<Grid Background="#7F000000">
					<TextBox x:Name="txtAboutMe" TextWrapping="Wrap" InputScope="Text"/>
				</Grid>
			</controls:PanoramaItem>
			<controls:PanoramaItem Header="Birth Day">
				<StackPanel Background="#7F000000">
					<TextBlock TextWrapping="Wrap" Text="Day" Margin="10,20,0,0"/>
					<ListBox Height="100" Margin="10,0,0,0">
						<ListBoxItem Content="Monday"/>
						<ListBoxItem Content="Tuesday"/>
						<ListBoxItem Content="Monday"/>
						<ListBoxItem Content="Tuesday"/>
						<ListBoxItem Content="Monday"/>
						<ListBoxItem Content="Tuesday"/>
					</ListBox>
					<TextBlock TextWrapping="Wrap" Text="Date" HorizontalAlignment="Left" Margin="10,20,0,0"/>
					<TextBox x:Name="txtDisplayMonth" TextWrapping="Wrap" Text="{Binding Value, Converter={StaticResource Int2MonthConverter}, ElementName=sliderMonth, Mode=TwoWay}"/>
					<Slider x:Name="sliderMonth" Minimum="1" Maximum="12" SmallChange="1" Value="1" ValueChanged="sliderMonth_ValueChanged"/>
					<toolkit:TimePicker x:Name="myTime"/>
					<toolkit:DatePicker x:Name="myDate"/>
				</StackPanel>
			</controls:PanoramaItem>
			<controls:PanoramaItem Header="My Site">
				<Grid>
					<Grid.RowDefinitions>
						<RowDefinition Height="0.047*"/>
						<RowDefinition Height="0.953*"/>
					</Grid.RowDefinitions>
					<phone:WebBrowser x:Name="myWeb" d:LayoutOverrides="Width" Loaded="myWeb_Loaded" Grid.Row="1"/>
					<ProgressBar x:Name="myProgressbar"/>
				</Grid>
			</controls:PanoramaItem>
			
		</controls:Panorama>
	</Grid>
</phone:PhoneApplicationPage>